<?php echo View::factory('site/head')->render(); ?>

<!-- begin of header -->
<div id="header">            
    <!-- BEGIN OF SLIDESHOW -->
    <div id="con-cycle">




        <?php
        $index_ads = Ad::instances()->get_ads(4);
        $i = 1;
        foreach ($index_ads as $key => $value):
            ?>
            <div class="cycle">
                <div class="header-left">
                    <div class="header-text">
                        <h1><?php echo $value['name'] ?></h1>
                        <p>
                            <?php echo $value['description'] ?>
                        </p>
                        <div class="conbut">
                            <a class="button" href="#">Details</a>
                            <a class="button" href="#">Sign Up</a>
                        </div>
                    </div>
                </div>
                <div class="header-right">
                    <div class="header-image<?php echo $i ?>">
                        <img src="<?php echo URL::base() . $value['images']['url_image'] ?>" alt=""/>
                    </div>
                </div>
            </div>
            <?php $i++; ?>
        <?php endforeach ?>



    </div>
    <!-- END OF SLIDESHOW -->

    <div id="nav-slide">
        <div id="pager"></div>
    </div>          
</div>
<!-- end of header -->

<!-- BEGIN OF CONTENT -->
<div id="content">

    <!-- begin hosting-col (hosting type) -->
    <div id="hosting-col">
        <div class="col-173 equal">
            <span class="boxtitle-hosting">
                <span class="price">$5</span>/month<br />
                <span class="redtext">Basic Hosting</span>
            </span>
            <p><img src="/images/img-hosting.gif" alt="" class="imgcenter" /></p>
            <ul class="circle">
                <li>Feature number one</li>
                <li>Feature number two</li>
                <li>Feature number three</li>
            </ul>
            <div class="center"> <a class="button" href="#">Sign Up</a></div>
        </div>
        <div class="vertical-separator equal ie7line"></div>
        <div class="col-173 equal">
            <span class="boxtitle-hosting">
                <span class="price">$15</span>/month<br />
                <span class="redtext">Medium Hosting</span>
            </span>
            <p><img src="/images/img-hosting2.gif" alt="" class="imgcenter" /></p>
            <ul class="circle">
                <li>Feature number one</li>
                <li>Feature number two</li>
                <li>Feature number three</li>
            </ul>
            <div class="center"> <a class="button" href="#">Sign Up</a></div>
        </div>
        <div class="vertical-separator equal ie7line"></div>
        <div class="col-173 equal">
            <span class="boxtitle-hosting">
                <span class="price">$25</span>/month<br />
                <span class="redtext">Professional Hosting</span>
            </span>
            <p><img src="/images/img-hosting3.gif" alt="" class="imgcenter" /></p>
            <ul class="circle">
                <li>Feature number one</li>
                <li>Feature number two</li>
                <li>Feature number three</li>
            </ul>
            <div class="center"> <a class="button" href="#">Sign Up</a></div>
        </div>
        <div class="vertical-separator equal ie7line"></div>
        <div class="col-280 equal">
            <?php $why_choose = News::instances(2)->get() ?>
            <h3><?php echo $why_choose['title'] ?></h3>
            <p><?php echo $why_choose['content'] ?></p>
            <div class="box-grey">
                <span class="img-tour"><img src="/images/img-screen.png" alt=""/></span>
                <div class="box-grey-text"><h3>Quick tour</h3>
                    <small>exercitationem ullam corporis suscipit laboriosam aliquid ex commodi consequatur beata</small></div>
            </div>
        </div>
        <div class="clear"></div>
    </div>
    <!-- end of hosting-col (hosting type) -->

    <hr class="double" />

    <!-- begin of content-col (welcome text and our client) -->
    <div id="content-col">
        <!-- begin of col-440 (welcome text) -->
        <div class="col-440 equal">
            <?php $about = News::instances(1)->get() ?>
            <div>
                <h3><span class="redtext"><?php echo $about['title'] ?></span></h3>

                <div class="entry">
                    <?php echo $about['content'] ?> 
                    <div class="butmore"><a class="more" href="single.html">Read more >></a></div>
                </div>
            </div>

        </div>
        <!-- end of col-440 (welcome text) -->
        <div class="vertical-separator equal"></div>
        <!-- begin of col-440 (our client) -->
        <div class="col-440 equal">
            <h2>我们的客户</h2>
            <ul class="nolistblock">
                <li><img src="/images/img-client.gif" alt="" /></li>
                <li><img src="/images/img-client.gif" alt="" /></li>
                <li><img src="/images/img-client.gif" alt="" /></li>
                <li class="marginoff"><img src="/images/img-client.gif" alt="" /></li>
            </ul>
        </div>
        <!-- end of col-440 (our client) -->
        <div class="clear"></div>
    </div>
    <!-- end of content-col (welcome text and our client) -->

</div>
<!-- END OF CONTENT -->
</div>
<!-- end of main -->
<?php echo View::factory('site/footer')->render(); ?>